/*Custom hero styling (header title row)*/
hr {
    background-color: white;
}
.hero-custom {
    max-height: 200px;
    height: 100%;
    background: center no-repeat;
    background-image: linear-gradient(to bottom, #F7F7F7, #fff);
    background-size: cover;
    z-index: -1;
}
/*Set header spacing*/
.content-half-header {
    padding: 50px 100px;
}
/*Header second row text*/
h2.lead {
    font-size: 1.75em !important;
    text-transform: uppercase !important;
}
/*h2 body content*/
h2.text-body {
    font-size: 3em !important;
    margin-bottom: 10px !important;
}
/*End Custom hero styling (header title row)*/

@media (max-width: 992px) {
    /*Set background box to grey*/
    .content-half-header {
        padding: 15px 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: auto;
        background-color: rgba(255,255,255,0.8);
        z-index: 3;
        margin:  15px auto;
    }
    /*padding between header and main content*/
    .content-half {
        padding: 30px 40px !important;
    }
    /*Reduce header font-size*/
    .hero-custom h1{
        font-size: 1.75rem;
    }
    /*Header second row text*/
    h2.lead {
        font-size: 1em !important;
        text-transform: uppercase !important;
        color: #184887 !important;
    }
    p.genericerror {
        font-size: 1.25em !important;
        color: #bc5b08 !important;
    }
    h2 {
        font-size: 1.25em !important;
        color: #fff !important;
    }
    /*h2 main text*/
    h2.text-body {
        font-size: 1.75em !important;
        margin-bottom: 10px !important;
    }
    /*Set background image to initial layer*/
    .background-bck .background-bck-right .background-bck-img {
        background-image: none;
        z-index: -1;
    }
    /*Enrolment Checkout Table (relative code below)*/
    .enrol-table {
        width: 100% !important;
        font-size: 15px !important;
        margin-top: 0px !important;
    }
    .enrol-table-row {
        height: 20px !important;
    }
    .enrol-table-text {
        width: 70% !important;
    }
    .enrol-table-data {
        width: 30% !important;
        text-align: center !important;
    }
    .checkbox-consent {
        display: block;
    }
    .maintenance-img {
        height: 200px !important;
        margin-left: -20px !important;
    }
}

/*Used in genericerror.aspx*/
p.genericerror {
    font-size: 1.75em;
    color: #bc5b08;
}

/*Maintenance Image*/
.maintenance-img {
    height: 320px;
    margin-left: -80px;
}

/*Checkbox and List (Used primarily in checkout_alevels.ascx)*/
.checkbox-inline label {
    display: inline;
    padding: 0px 10px 0px 5px;
    font-weight: 600;
}

.subjectchecked :hover {
    cursor: pointer;
}

/*Checkbox Contact Consent (Used in declaration - standard width)*/
.checkbox-consent{

}
    .checkbox-consent label {
        display: inline;
        padding: 0px 30px 0px 15px;
        font-size: 16px;
        font-weight: 600;
    }
    .checkbox-consent :hover {
        cursor: pointer;
    }

/*Enrolment Table (Used in checkout) */
.enrol-table {
    font-size: 18px;
    width: 100%;
    margin-top: -20px;
}

.enrol-table-text {
    width: 60%;
}

.enrol-table-data {
    width: 30%;
    /*width: 120px;*/
    text-align: center;
}

.enrol-table-radio-button-list {
    margin-top: 10px;
    text-align: center;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.text-orange {
    font-size: inherit;
    color: #bc5b08;
}

.text-pointer :hover {
    cursor: pointer;
    color: #fd7e14;
}

a.text-pointer :link :hover {
    cursor: pointer;
    color: #fd7e14;
}

/*Declaration Text (inc media query)*/
p.declaration-text {
    font-size: 15px;
    word-wrap: break-word;
    color: #fff;
}

@media (max-width: 770px) {
    p.declaration-text {
        font-size: 12px;
        word-wrap: break-word;
        color: #fff;
    }
    .social-link-face {
        height: 10px;
    }
}

.textfieldlabelrequired {
    font-size: 1em;
    font-weight: 700;
}

#btnBack input {
    height: 52px;
    border: 2px solid #575675;
    border-radius: 3px;
    color: #FFF;
    font-weight: 900;
    background-color: transparent;
    transition: 0.4s;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 30px;
}
    #btnBack input:hover {
        background-color: #575675;
        cursor: pointer;
    }

#btnContinue input {
    height: 52px;
    border: 2px solid #bc5b08;
    border-radius: 3px;
    color: #FFF;
    font-weight: 900;
    background-color: transparent;
    transition: 0.4s;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 30px;
}
    #btnContinue input:hover {
        background-color: #F28F2E;
        cursor: pointer;
    }

.btnContinue {
    height: 52px;
    border: 2px solid #bc5b08;
    border-radius: 3px;
    color: #FFF;
    font-weight: 900;
    background-color: transparent;
    transition: 0.4s;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 30px;
}
    input.btnContinue:hover {
        background-color: #F28F2E;
        cursor: pointer;
    }

.btnRemove {
    height: 52px;
    border: 2px solid #910000;
    border-radius: 3px;
    color: #fff;
    font-weight: 900;
    background-color: #de3a3a;
    transition: 0.4s;
    display: inline-block;
    text-transform: uppercase;
    padding: 0px 30px;
}

input.btnRemove:hover {
    background-color: #db0000;
    cursor: pointer;
}

.btnInactive {
    height: 52px;
    border: 2px solid #cfcfcf;
    border-radius: 3px;
    color: #E3E3E3;
    font-weight: 900;
    background-color: transparent;
    transition: 0.4s;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 30px;
}

    input.btnInactive:hover {
        background-color: #fff;
        cursor: pointer;
    }

/* #Clear button used is .js for StudentSignature */
#clear {
    height: 52px;
    border: 2px solid #C53F39;
    border-radius: 0px;
    color: #FFF;
    font-weight: 900;
    background-color: transparent;
    transition: 0.4s;
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 30px;
}
    #clear:hover {
        background-color: #ff4343;
        cursor: pointer;
    }

.btnRemove input {
    height: 52px;
    border: 2px solid #bc5b08;
    color: #bc5b08;
    font-weight: 900;
    background-color: transparent;
    transition: 0.5s;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 30px;
}
    .btnRemove input:hover {
        background-color: #F28F2E;
        color: #FFF;
        cursor: pointer;
    }

/*Qualification Level Click*/
.qualificationlevels {
    color: #bc5b08;
}
    .qualificationlevels:hover {
        cursor: help;
        background-color: #bc5b08;
        color: #fff;
    }

/*Qualification Table*/
.qualificationtable tr > td:first-child {
    background-color: #F28F2E;
}

.qualificationtable tr:nth-of-type(odd) > td:first-child {
    background-color: #E17E1D;
}

p.error {
    color: #fd7e14;
    font-weight: 600;
}

span .error, div .error li, #emailgroup .formtext, span.error > span {
    color: #fd7e14;
    font-weight: 700;
}

    #emailgroup .error:after, #emailgroup .formtext:after {
        content: "\a";
        white-space: pre;
    }

/*------------------------------------*\
	Fees
\*------------------------------------*/

.FeeGridTable {
    border: 1px solid #E3E3E3;
    border-collapse: collapse;
    border-spacing: 0;
    color: #555;
    display: table;
    font-family: "AvenirNextLTW01-Condens 721299", sans-serif;
    margin-bottom: 1em;
    padding: 0;
    width: 100%;
}

    .FeeGridTable p {
        margin: 0;
    }

.FeeGridRow {
    border: 1px solid #E3E3E3;
    display: table-row;
}

#FeeGridHeaderRow {
}

.FeeGridFeeTypeCell,
.FeeGridAmountCell {
    border: 1px solid #E3E3E3;
    display: table-cell;
    padding: 0.5em 0.8em;
}

#FeeGrid {
    width: auto;
    text-align: left;
}

#FeeGridHeaderRow {
    font-weight: 700;
}

#FeeGridFeeTypeCell {
    text-align: center;
    width: 200px;
}

#FeeGridAmountCell {
    text-align: center;
    width: 150px;
}

/* Yeovil College Website Font */
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}